<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>房源详情</title>
    <link rel="Shortcut Icon" href="/images/logo.png"/>
    <link rel="stylesheet" href="css/common.css" type="text/css">
    <link rel="stylesheet" href="css/headerFooter.css" type="text/css">
    <link rel="stylesheet" href="css/detail.css" type="text/css">
    <link rel="stylesheet" href="css/login.css">
    <script src="/common/jquery-3.1.1.min.js"></script>
    <script src="js/mapManager.js"></script>
    <script src="js/common.js"></script>
    <script src="js/login.js" type="text/javascript"></script>
    <script src="js/detail.js"></script>
</head>
<body>
    <div class="header">
        <div class="header_wrap">
            <div class="logo">
                <div class="imgBg">
                    <img src="/images/logo.png" alt="">
                </div>
                <div class="textBg">
                    <span>阿凡提转租</span>
                </div>
            </div>
            <div class="header_menu">
                <ul id="header_menu_ul" class="header_menu_ul">
                    <li>
                        <div class="header_menu_item">
                            <a href="release.html" id="look-resource">发布房源</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="detail-content global_box">
        <div class="general">
            <div class="title"></div>
            <div class="top-info">
                <div class="address"></div>
                <div class="village"></div>
                <a href="javascript:lookMap()" class="look-map">查看地图</a>
                <div class="date"></div>
            </div>
            <div class="extra-bg">
                <ul>
                    <li class="collection-bg">
                        <a id="collection" href="javascript:" class="bcTransition" style="visibility: hidden;background-color: transparent"></a>
                    </li>
                    <li class="accusation-bg">
                        <a id="accusation" href="javascript:" class="bcTransition">举报</a>
                    </li>
                </ul>
            </div>
            <div class="house-resume-box">
                <div class="house-images">
                    <div class="big-image-bg">
                        <a href="javascript:" id="big-img-left-slide">
                            <i class="left-arrow">
                                <img src="/images/left-arrow.png" alt="">
                            </i>
                        </a>
                        <a href="javascript:" id="big-img-right-slide">
                            <i class="right-arrow">
                                <img src="/images/right-arrow.png" alt="">
                            </i>
                        </a>
                        <ul id="big-img-ul">
                        </ul>
                    </div>
                    <div class="small-images-bg">
                        <a href="javascript:" id="small-img-left-slide">
                            <i class="left-arrow"></i>
                        </a>
                        <a href="javascript:" id="small-img-right-slide">
                            <i class="right-arrow"></i>
                        </a>
                        <ul id="small-img-ul">
                        </ul>
                    </div>
                </div>
                <div class="house-desc">
                    <div class="house-desc-info">
                        <div class="rent-price">
                            <span class="key">房间租金:</span>
                            <span class="value price"></span>
                            <span class="priceUnit">元/月</span>
                            <span class="value pay-mode"></span>
                        </div>
                        <div class="rent-mode">
                            <span class="key">出租方式:</span>
                            <span class="value rent-mode-desc"></span>
                            <span class="value room-type"></span>
                        </div>
                        <div class="house-style-desc">
                            <span class="key">房间户型:</span>
                            <span class="value mainStyle"></span>
                            <span class="value area"></span>
                            <span class="value toilet"></span>
                            <span class="value kitchen"></span>
                        </div>
                        <div class="house-floor">
                            <span class="key">所在楼层:</span>
                            <span class="value floor"></span>
                            <span class="value orientation"></span>
                        </div>
                        <div class="usable-date">
                            <span class="key">入住日期:</span>
                            <span class="value usable-date-desc"></span>
                            <span class="usable-date-desc-extra">后可入住</span>
                        </div>
                        <div class="deadline-date">
                            <span class="key">房间到期:</span>
                            <span class="value deadline-date-desc"></span>
                        </div>
                        <div class="nearby-traffic">
                            <div class="key">附近交通:</div>
                            <div class="value traffic"></div>
                        </div>
                    </div>
                    <div class="house-contact">
                        <div class="contact-phone">
                            <div class="iconBg">
                                <img src="/images/tell.png" alt="">
                            </div>
                            <p class="numberBg"></p>
                        </div>
                        <div class="contact-wx">
                            <div class="iconBg">
                                <img src="/images/wx.png" alt="">
                            </div>
                            <p class="numberBg"></p>
                        </div>
                        <div class="contact-qq">
                            <div class="iconBg">
                                <img src="/images/qq.png" alt="">
                            </div>
                            <p class="numberBg"></p>
                        </div>
                        <div class="contact-owner">
                            <div class="iconBg">
                                <img src="/images/person.png" alt="">
                            </div>
                            <p class="numberBg"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="width-xline"></div>
        <div class="other-info-box">
            <div id="other-info-menu-container" class="other-info-menu-container">
                <ul id="other-info-menu" class="other-info-menu"></ul>
            </div>
            <div id="menu-items-container" class="menu-items-container">
                <ul class="menu-items">
                    <li id="zz-facility">
                        <div class="facility-title">房间配置</div>
                        <div class="zz-line"></div>
                        <div class="facility-content">
                            <ul>
                                <li>
                                    <img src="/images/facility/bed.png" alt="">
                                    <p>床</p>
                                </li>
                                <li>
                                    <img src="/images/facility/wardrobe.png" alt="">
                                    <p>衣柜</p>
                                </li>
                                <li>
                                    <img class="facility-image" src="/images/facility/sofa.png" alt="">
                                    <p>沙发</p>
                                </li>
                                <li>
                                    <img src="/images/facility/tv.png" alt="">
                                    <p>电视</p>
                                </li>
                                <li>
                                    <img src="/images/facility/fridge.png" alt="">
                                    <p>冰箱</p>
                                </li>
                                <li>
                                    <img src="/images/facility/washer.png" alt="">
                                    <p>洗衣机</p>
                                </li>
                                <li>
                                    <img src="/images/facility/airconditioning.png" alt="">
                                    <p>空调</p>
                                </li>
                                <li>
                                    <img src="/images/facility/shower.png" alt="">
                                    <p>热水器</p>
                                </li>
                                <li>
                                    <img src="/images/facility/wifi.png" alt="">
                                    <p>宽带</p>
                                </li>
                                <li>
                                    <img src="/images/facility/heating.png" alt="">
                                    <p>暖气</p>
                                </li>
                                <li>
                                    <img src="/images/facility/kitchen.png" alt="">
                                    <p>可做饭</p>
                                </li>
                                <li>
                                    <img src="/images/facility/toilet.png" alt="">
                                    <p>独立卫生间</p>
                                </li>
                                <li>
                                    <img src="/images/facility/balcony.png" alt="">
                                    <p>阳台</p>
                                </li>
                            </ul>
                        </div>
                        <div style="clear: both; height: 0; visibility: hidden">*</div>
                    </li>
                    <li id="zz-images">
                        <div class="images-title">房间图片</div>
                        <div class="zz-line"></div>
                        <div class="images-content"></div>
                    </li>
                    <li id="zz-map">
                        <div class="map-title">附近设施</div>
                        <div class="zz-line"></div>
                        <div class="map-content">
                            <div id="map-container" tabindex="0"></div>
                            <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=cbaec5d29d4bc79098e74433bc52cdb5"></script>
                            <script type="text/javascript" src="/js/pc/mapManager.js"></script>
                            <div class="info-content">
                                <div class="search-part top-bottom-border">
                                    <ul id="poi-cate" class="poi-cate">
                                        <li class="poi-cate-select">交通</li>
                                        <li>餐饮</li>
                                        <li>购物</li>
                                        <li>医疗</li>
                                        <li>娱乐</li>
                                    </ul>
                                    <div class="search-poi">
                                        <div class="search-">
                                            <a href="javascript:" id="poi-search-show">搜索</a>
                                        </div>
                                        <div class="poi-search-box">
                                            <input id="poi-kw-input" value="" class="top-bottom-border" name="keyword" autocomplete="off" placeholder="请输入关键字" id="keyword-box">
                                            <a href="javascript:" id="cancel-search">取消</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="search-res-part">
                                    <ul id="res-lst">
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--尾部-->
    <script>
        showFooter()
        $('.footer').css('display','none')
    </script>
</body>
</html>